<extend name="public@base" />
<block name="seo">
    <title>安装包下载</title>
    <style>
    body {
      background-color: #f8f9fa;
    }
    .container {
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .btn-download {
      padding: 15px 30px;
      font-size: 1.2rem;
      border-radius: 30px;
    }
    </style>

    <body>
        <div class="container">
            <a id="downloadLink" href="#" class="btn btn-primary btn-download">下载 App</a>
          </div>
        
          <script>
            // 检测用户的操作系统并设置下载链接
            var userAgent = navigator.userAgent.toLowerCase();
            var downloadLink = document.getElementById('downloadLink');
        
            if (userAgent.indexOf('android') !== -1) {
              // 如果是安卓系统，设置安卓下载地址
              downloadLink.href = 'https://dev-zsyun-mall-common.oss-cn-shanghai.aliyuncs.com/ework/zisha-meta/zishameta.apk';
            } else if (userAgent.indexOf('iphone') !== -1 || userAgent.indexOf('ipad') !== -1 || userAgent.indexOf('ipod') !== -1) {
              // 如果是苹果系统，设置苹果下载地址
              downloadLink.href = '苹果下载地址';
            } else {
              // 其他系统，提示用户手动选择下载
              downloadLink.textContent = '未知系统，点击手动下载';
            }

            
            downloadLink.href = 'https://dev-zsyun-mall-common.oss-cn-shanghai.aliyuncs.com/ework/zisha-meta/zishameta.apk';
          </script>
    </body>
</block>